@common-font-family:"Microsoft Yahei UI","Microsoft Yahei",tahoma,arial,"宋体";
/*初始化*/
html{overflow:auto;}
body,h1,h2,h3,h4,h5,span,p,input,textarea,em,i,sup,sub,a,button,label{
	font:12px/1.5 @common-font-family;
	background-color:#fafbfc;
}
.row{
  max-width: none;
}
.user_icons{background-image: data-uri('../img/user/user_icons.png'); background-repeat: no-repeat; font-size: 0; display:inline-block;}
.container,.header{
  display: inline-block;
  vertical-align: top;
}
.header{
  	margin: 0;
  	padding: 0;
  	width: 376px;
	.logo{
	  display: inline-block;
	  padding-left: 40px;
	  height:85px;
	  line-height: 85px;
	  img{
		width: auto;
		height: auto;
	  }
	}
	.versions{position:absolute; top:30px; right:16px; color:#a9a9a9;}
}
.help_center{
  display: block;
  margin: 25px 0 50px 0;
  .help_icon{width:43px; height:31px; background-position:-200px -59px; vertical-align:-8px;}
  .zh{font-size:24px; color:#477cd4; margin:0 8px 0 15px;font-family: @common-font-family;}
  span{font-size:22px; color:#7f7f7f;font-weight: normal;}
}
.main{
  width: 700px;
  padding: 0 0 0 80px;
}
.item{
  	padding:0 0 25px 0;word-break:break-all;
	.item-number{
	  	position: absolute;
	  	padding: 3px 4px;
	  	background-color: #d0def5;
		text-align:center;
		color:#f3f4f6;
		font-size:16px;
	  	line-height: normal;
	  	font-style: normal;
	  	display: inline-block;
	  	vertical-align: text-top;
	}
  	.item-title{
	  display: inline-block;
	  padding-left: 50px;
	  /*vertical-align: text-top;*/
	}
	.text{
	  	word-break:break-all;font-weight: normal;margin: 0!important;padding: 0!important;
		dt{font-size:16px; color:#4b82dd; font-weight: normal;margin: 0;}
		dd{color:#999;font-weight: normal;margin-top: 15px;}
	}
    .item-content{
	    padding-left: 50px;
	    margin-bottom: 0;
	}
	table{border:1px solid #d3d3d3; border-collapse:collapse;background: transparent;}
    .small-table{display: none;}
  	tr{background: transparent!important;}
	td,th{border:1px solid #d3d3d3; padding:7px 15px;color:#999;background: transparent;
	  font-weight: normal;}
    p{
	  color:#999;
	}
}
.active {
	.item-number{background-color:#477cd4;}
	.text{
		dt{font-weight:600;}
		dd{color:#000;}
	}
}
.footer{
	margin-bottom:27px; color:#c9c9c9;
	font-size:12px;text-align: center;
  	p{
	  display: inline-block;
	  font-size: 12px;
	  padding: 5px 0;
	  font-weight: normal;
	}

	a{color:#c9c9c9; }
    a.hover{text-decoration: underline;}
}

.rb_bg{background-image: data-uri('../img/user/help_rb_bg.png'); background-repeat: no-repeat; width:226px; height:218px; position:absolute; bottom:0; right:0; z-index:-1;}

@media only screen and (max-width: 1299px){

	.main{
	  padding-right: 20px;
	}
  	.item-content .big-table{
	  display: none;
	}
  	.item-content .small-table{
	  display: block;
	}
}
@media only screen and (min-width: 1250px){
  body{
	background-image: url('../img/user/help_rb_bg.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 100% 98%;
  }
}
@media only screen and (max-width: 768px){
  .main{
	width: auto;
  }
}
